<template>
	<!-- 核名 -->
	<view class="nuclearname">
		<view class="backIamg"></view>
		<view class="backSearch">
			<view class="backWhite">
				<u--input placeholder="输入预注册名称" prefixIcon="search" circle
					prefixIconStyle="font-size: 22px;color: #909399"></u--input>
			</view>
		</view>
		<view class="horseracelamp">
			<view v-for="(item,index) in 3" class="u-font-24 " style="color:#4A4A4A;margin-bottom: 20rpx;">17小时前
				158****4564 提交了<text style="color:#F00505;">“小牛科技”</text></view>
		</view>
		<view @click="reaClick(1)" class="realname fle"> 立即核名 </view>
		<u-popup bgColor="transparent" :show="rigeterShow" mode="center" @close="rigeterShow = false" @open="">
			<view class="regiPop fle b-r-32 ">
				<view style="color:#2BADFD;" class="u-font-28 u-weight-500">
					<text style="color:#F00505;">“艾傲科技”</text>该名称尚未被注册，赶紧去注册吧！
				</view>
			</view>
			
			<view @click="toUrl('/pages/indexSub/selectregistration')" class="rigBtn wi fle">立即抢注</view>
			<view @click="rigeterShow = false" class="rigBtn1 wi fle">再核一个</view>
		</u-popup>
		<u-popup bgColor="transparent" :show="rigeteredShow" mode="center" @close="rigeteredShow = false" @open="">
			<view class="regiPop fle b-r-32 ">
				<view style="color:#000000;" class="u-font-28 u-weight-500">
					很抱歉...<text style="color:#F00505;">“艾傲科技”</text>已被注册，请更换名字再试！
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				rigeterShow: false,
				rigeteredShow: false,
			}
		},
		methods: {
			reaClick(data) {
				if (data == 1) {
					this.rigeterShow = true
				}else if (data == 2) {
					this.rigeteredShow = true
				}
			},
			toUrl(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.nuclearname {
		// min-height: calc(100vh - var(--window-top));
		background-color: #6EC4FA;
		width: 750rpx;
		overflow: hidden;

		.backIamg {
			background: url('https://job.ydylmold.cn/mingpian/image/heming/back1.png') no-repeat;
			width: 973rpx;
			height: 1325rpx;
			background-size: 125%;
			background-position: -160rpx;
		}

		.backSearch {
			padding: 27rpx 32rpx;
			width: 710rpx;
			height: 136rpx;
			border-radius: 100rpx;
			margin: 48rpx 0 0 20rpx;
			background: url('https://job.ydylmold.cn/mingpian/image/heming/back2.png') no-repeat;
			background-size: 100%;
		}

		.backWhite {
			height: 82rpx;
			border-radius: 40rpx;
			background-color: white;
			border: 1px solid rgba(43, 173, 253, 1);
		}

		.horseracelamp {
			margin: 40rpx 0 126rpx 0;
			width: 690rpx;
			margin-left: 30rpx;
		}

		.realname {
			width: 640rpx;
			height: 88rpx;
			margin: 0 0 100rpx 56rpx;
			border-radius: 44rpx;
			background: linear-gradient(90deg, rgba(58, 242, 221, 1) 0%, rgba(13, 144, 224, 1) 57.64%);
			border: 1rpx solid rgba(0, 66, 107, 1);
			box-shadow: 0rpx 8rpx 0rpx 0rpx #015285;
			font-size: 40rpx;
			font-weight: 900;
			letter-spacing: 10rpx;
			color: rgba(0, 66, 107, 1);
			text-shadow: 0rpx 0rpx 6rpx #B6DEF6;
		}

		.regiPop {
			width: 576rpx;
			height: 384rpx;
			text-align: center;
			padding: 100rpx 62rpx;
			background-color: white;
			
		}
		.rigBtn{
			margin-top: 110rpx;
			border-radius: 50rpx;
			background: rgba(29, 169, 255, 1);
			font-size: 36rpx;
			font-weight: 700;
			
			
		}
		.rigBtn1{
			margin-top: 24rpx;
			border-radius: 50rpx;
			border: 3rpx solid rgba(255, 255, 255, 1);   
		}
		.wi{
			color: rgba(255, 255, 255, 1);
			width: 576rpx;
			height: 88rpx;
		}
		.fle{
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
</style>
